<include file="Public/inc/header.html" />
<section class="content">
  <div class="row">
    <div class="col-md-3">
      <!-- <a href="compose.html" class="btn btn-primary btn-block margin-bottom">Compose</a> -->
      <div class="box box-solid">
        <div class="box-header with-border">
        <h3 class="box-title">消息列表</h3>
          <div class="box-tools">
            <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
          </div>
        </div>
        <div class="box-body no-padding">
          <ul class="nav nav-pills nav-stacked">
            <li class="active"><a href="#"><i class="fa fa-inbox"></i> 通知 <span class="label label-primary pull-right">{$Think.cookie.over_drugs}</span></a></li>
            <!-- <li><a href="#"><i class="fa fa-envelope-o"></i> Sent</a></li> -->
            <!-- <li><a href="#"><i class="fa fa-file-text-o"></i> Drafts</a></li> -->
            <!-- <li><a href="#"><i class="fa fa-filter"></i> Junk <span class="label label-warning pull-right">65</span></a></li> -->
            <!-- <li><a href="#"><i class="fa fa-trash-o"></i> Trash</a></li> -->
          </ul>
        </div><!-- /.box-body -->
      </div><!-- /. box -->
      <div class="box box-solid">
        <!-- <div class="box-header with-border"> -->
          <!-- <h3 class="box-title">标签</h3> -->
          <!-- <div class="box-tools"> -->
            <!-- <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> -->
          <!-- </div> -->
        <!-- </div> -->
        <!-- <div class="box-body no-padding"> -->
          <!-- <ul class="nav nav-pills nav-stacked"> -->
            <!-- <li><a href="#"><i class="fa fa-circle-o text-red"></i> Important</a></li> -->
            <!-- <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> Promotions</a></li> -->
            <!-- <li><a href="#"><i class="fa fa-circle-o text-light-blue"></i> Social</a></li> -->
          <!-- </ul> -->
        <!-- </div> --><!-- /.box-body -->
      </div><!-- /.box -->
    </div><!-- /.col -->
    <div class="col-md-9">
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">Inbox</h3>
          <div class="box-tools pull-right">
           <!--  <div class="has-feedback">
              <input type="text" class="form-control input-sm" placeholder="Search Mail">
              <span class="glyphicon glyphicon-search form-control-feedback"></span>
            </div> -->
          </div><!-- /.box-tools -->
        </div><!-- /.box-header -->
        <div class="box-body no-padding">
          <div class="mailbox-controls">
            <!-- Check all button -->
            <!-- <button class="btn btn-default btn-sm checkbox-toggle"><i class="glyphicon glyphicon-unchecked"></i></button> -->
            <div class="btn-group">
              <!-- <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i></button> -->
              <!-- <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-ok"></i></button> -->
              <!-- <button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button> -->
            </div><!-- /.btn-group -->
            <!-- <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button> -->
            <!-- <div class="pull-right"> -->
              <!-- 1-50/200 -->
              <!-- <div class="btn-group">
                <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-chevron-left"></i></button>
                <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-chevron-right"></i></button> -->
              <!-- </div> -->
              <!-- /.btn-group -->
            </div><!-- /.pull-right -->
          </div>
          <div class="table-responsive mailbox-messages">
            <table class="table table-hover table-striped">
              <tbody>
                <foreach name="notices" item="vo">
                <tr>
                  <td><!-- <input type="checkbox"> --></td>
                  <!-- <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> -->
                  <td class="mailbox-name"><a href="#" class="clickNum" >{$vo.name}</a></td>

                  <td class="mailbox-subject">
                  <b>
                  <if condition="$vo.period gt 0 ">还有{$vo.period}天即将过期
                  <elseif condition="$vo.period eq 0 "/>该药品今天过期
                  <else />该药品已经过期{$vo.period|abs}天请尽快
                  </if>
                  </b>通知相关人员处理
                  </td>

                  <td class="mailbox-attachment"></td>
                  <!--<td class="mailbox-date">5 mins ago</td>-->
                </tr>
                  </foreach>
              </tbody>
            </table><!-- /.table -->
          </div><!-- /.mail-box-messages -->
        </div><!-- /.box-body -->
      </div><!-- /. box -->
    </div><!-- /.col -->
  </div><!-- /.row -->
</section><!-- /.content --> 
<include file="Public/inc/footer.html" />
<script>
  var originNum = $('.bg-red').html();
  $('.clickNum').click(function () {
    // $(this).removeClass('clickNum');
    $(this).parent().parent().remove();
    if (originNum > 0) {
      originNum--;
      $('.bg-red').html(originNum);
      $('.pull-right').html(originNum);
    }
    if (originNum == 0) {
      $('.bg-red').remove();
      $('.pull-right').remove();
    }
  })
</script>
